<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
#div1 {
	border: 3px solid black;
	width: 100px;
	height: 100px;
	margin: 200px auto;
	transition: 6s;
	background-color: yellow;
}

#div1:HOVER {
	transform: rotate(3600deg) scale(2, 2);
}

#div1:ACTIVE {
	box-shadow: 0 0 500px red;
}
</style>
</head>
<body>
	<div id="div1"></div>
</body>
</html>